<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
		"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>ColorPalette Test</title>


	<script type="text/javascript" src="../../dojo/dojo.js"
		djConfig="isDebug: true, parseOnLoad: true"></script>
	<script type="text/javascript" src="_testCommon.js"></script>

	<script language="JavaScript" type="text/javascript">
		dojo.require("dijit.ColorPalette");
		dojo.require("dojo.parser");	// scan page for widgets and instantiate them
	</script>
	<script>
		var palette;
		function init(){
            var date0 = new Date();
            palette = new dijit.ColorPalette({palette: "7x10", id: "progPalette"}, dojo.byId("programPalette"));
            console.log("creation time: " + (new Date() - date0) );
        }

		dojo.addOnLoad(init);

		function setColor(color){
			var theSpan = dojo.byId("outputSpan");
			theSpan.style.color = color;
			theSpan.innerHTML = color;
		}
	</script>
	<style type="text/css">
		@import "../../dojo/resources/dojo.css";
		@import "css/dijitTests.css";
	</style>
</head>

<body>

	<h1 class="testTitle">dijit.ColorPalette test:</h1>

	<p>Default color palette (7x10):</p>
	<div dojoType="dijit.ColorPalette" onChange="setColor(this.value);"></div>

	Test color is: <span id="outputSpan"></span>.

	<p>Small color palette (3x4):</p>
	<div dojoType="dijit.ColorPalette" palette="3x4"></div>

	<p>Default color palette (7x10) created via createWidget:</p>
	<div id="programPalette"></div>

</body>
</html>
